<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>vue</title>
        <!-- 引入vue文件-->
		<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
		<!--引入vue-resource插件-->
		<script src="../js/vue-resource.js"></script>
	</head>
	<body>
		<div id="vue">
			<button @click="get()"> HHA</button>
		</div>
	</body>
	<script type="application/javascript">
		new Vue({
			el:'#vue',
			data:{
				message:'<h1>hello world!</h1>',
				name:'哈哈'
			},
			methods:{
				//使用jsonp跨域获取百度数据
				get:function(){
					this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su',{
						wd:'a'   /*参数为 a*/
					},{
						jsonp:'cb'  /*重新命名回调函数为cb,默认是collback,可从url接口查看,百度是cb*/
					}).then(function(res){
                            alert(res.data.s);// 返回的数据
                        },function(res){
                            alert(res.data);
                        });
				}
			}
		})
	</script>
</html>
